@import '../../css/base.scss';
$height: 120;
.footer-bar-panel, .footer-bar-shift {
    width: 100%;
    height: p2rm($height);
}
.footer-bar-panel {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;

    background: #f9f9f9;
    .bar-item {
        display: inline-block;
        height: p2rm(90);
    }
    .cart-thumb {
        width: p2rm(130);
        .icon-cart-wrap {
            position: relative;
            display: block;
            margin: 0 auto;
            padding-top: p2rm(20);
            height: p2rm(90);
            width: p2rm(90); 
            border-radius: p2rm(90); 
            background: #f9f9f9;
        }
        .icon-cart {
            display: block;
            margin: 0 auto;
            height: p2rm(45);
            width: p2rm(45); 
            background: url(/css/i/icon-cart.svg) no-repeat center;
        }
        .cart-num {
            position: absolute;
            top: 0;
            right: 0;
            display: inline-block;
            background: #f15a24;
            height: p2rm(26);
            line-height: p2rm(26);
            min-width: p2rm(26);
            padding: 0 p2rm(5);
            border-radius: p2rm(26);
            font-size: p2rm(20);
            text-align: center;
            color: #fff;
        }
    }
    @mixin textStyle {
        border-radius: p2rm(90);
        line-height: p2rm(90);
        font-size: p2rm(32);
        text-align: center;
        color: #333;
    }
    .cart-in {
        width: p2rm(200);
        background: #e5e5e5;
        @include textStyle();
    }
    .rent-action {
        margin-right: p2rm(20);
        width: p2rm(360);
        background: #ffd214;
        @include textStyle();
    }
}